<html>
    <style type="text/css">
        body{
            background: url("img/home_bg.gif") repeat-x;
            font-size:14px;
            margin:0px;
            font-family: Candara;

        }
        #header{
            height: 70px;
            padding-top: 21px;
            padding-left: 30px;
            line-height: 70px;
            color: #DE6209;
        }
        #header .nocolor{
            text-decoration: none;
            color: #DE6209;
        }
        #header_right{
            float:right;
            padding-right:20px;
            color: #DE6209;
        }
        #nav_content{
            height: 83px;
            background: url("img/nav_bg.gif") repeat-x;
        }
        #left_nav{
            padding-left: 30px;
            float:left;
            background: url("img/nav_bg.gif");
            color:#DE6209;
            width:970px;
            font-size:16px;
            height:30px;
            line-height: 0px;
        }

        #left_nav ul{
            list-style: none;
        }

        #left_nav ul li{
            float:left;
            padding-right:10px;
        }

        #left_nav ul li a{
            text-decoration: none;
            color: #DE6209;
        }

        #left_nav ul li a:hover{
            color: #a34c0d;
        }



        #right_nav {
            color: #DE6209;
            float:left;
            padding-left: 5px;
            padding-top: 7px;
        }
        #content_wrapper{
            height:540px;
            margin: 5px;
        }
        #left_content{
            float:left;
            border:1px solid #B6D7F3;
            color:#de6209;
            width:890px;
            background: #f3f1f1;
            height:500px;
            padding:0px 10px 0px 18px;
            font-size:15px;
            margin:0px 10px 0px 10px;

        }


        /*#mid_content{
            width:535px;
            float:left;
            margin:0px 20px 0px 20px;
            padding-top: 45px;
            padding-left: 30px;
            color:#DE6209;

        }
        #mid_content h2{
            font-size:28px;
        }

        #mid_content .forum_post{
            padding-left:40px;
        }


        #mid_content .forum_post .forum_topic{
            font-size: 18px;
        }

        #mid_content .forum_post .meta{
            font-size: 12px;
            padding-left:230px;
        }*/


     
        #right_content{
            width: 310px;
            float:left;
            border:1px solid #B6D7F3;
            height: 500px;
        }

        #right_content h3{
            margin:10px 0px 10px 0px;
            padding: 0px;
            padding-left:50px;
            color:#B2876A;
        }

        #right_content .ad_1 {
            padding-left:50px;
            width:163px;

        }

        #right_content .bottom_ad{
            margin:15px auto;
            width:200px;

        }

        #right_content .bottom_ad .ad_2 {
            float:left;
            border:1px solid #B6D7F3;
            width: 90px;
            height: 150px;
            margin-right:10px;
        }

        #right_content .bottom_ad .ad_3 {
            float:left;
            border:1px solid #B6D7F3;
            width: 90px;
            height: 150px;
        }

        #more{
            float:left;
            text-decoration: none;
            color: #DE6209
        }

        .clear{
            float:none;
            clear:both;
        }
        #footer{
            padding: 5px;
            height: 50px;
            line-height: 40px;
            color: #DE6209;
            text-decoration: none;
        }
        #footer_left{
            float: left;
            padding-left: 30px;

        }
        #footer_right{
            float: right;
            padding-right: 30px;

        }
        .clear{
            float:none;
            clear:both;
        }
        .nocolor{
            text-decoration: none;
            color: #DE6209;
        }
    </style>

    <body>
        <div id="header">
            <div id="header_left">
            </div>
            <img src="img/logo_2.gif">
            <div id="header_right">

                <a href="home.html" class="nocolor"> Log out</a>
            </div>
        </div>

        <div id="nav_content">
            <div id="left_nav">
                <ul>
                    <li><a href="#">Home &nbsp;</a> |</li>

                    <li><a href="profile.html">Profile &nbsp;</a> |</li>
                    <li><a href="forum.html">Forum &nbsp;</a> |</li>
                    <li><a href="Message.html">Messege &nbsp;</a> |</li>
                    <li><a href="#">Chat &nbsp;</a> |</li>

                    <li><a href="#">About us</a></li>
                </ul>


            </div>
            <div id="right_nav">
                <form method="post" action="">
                    <label class="">Search:</label>
                    <input class="" type="text" name="search" value="" />

                    <input class="" type="submit" name="search" value="Go" />
            </div>
            <div class="clear"> </div>

        </div>
        <div id="content_wrapper">
            <div id="left_content">
                <?php
                include("message_area.php");
                ?>
              
            </div>
            <div id="right_content">

                <h3>Ad Area</h3>
                <br/>
                <div class="ad_1">
                    <img src="img/ad1.jpg"/>

                </div>

                <div class="bottom_ad">
                    <div class="ad_2">
                        &nbsp;
                    </div>

                    <div class="ad_3">
                        &nbsp;
                    </div>

                    <div class="clear"> </div>
                </div>
                <div class="clear"> </div>

            </div>
        </div>
        <div id="footer">
            <div id="footer_left">
                &copy; <?php echo date("Y");?> All rights reserved by <a href="" class="nocolor">Susudo.com</a> | Powered by <a href="http://www.semicolondev.com" class="nocolor">semicolondev.com</a>

            </div>
            <div id="footer_right">
                <a href="#" class="nocolor">Forum</a>
                <a href="#" class="nocolor">Chat</a>
                <a href="#" class="nocolor">Message</a>
                <a href="#" class="nocolor">About Us</a>
            </div>

            <div class="clear"> </div>
        </div>
    </body>
</html>